Vue.component('blog-post', {
  // 驼峰命名需要在html中用横线分割
  props: ['postTitle'],
  template: '<h3>{{ postTitle }}</h3>'
})

Vue.component('prop-component', {
  // 包含名称和类型
  props: {
    title: String,
    likes: Number,
    isPublished: Boolean,
    commentIds: Array,
    author: Object,
    callback: Function,
    contactsPromise: Promise // or any other constructor
  },
  template: '<div><h4>{{ likes }}</h4> <br> <h4>{{ title }}</h4></div>'
})

new Vue({
  el: "#app",
  data:{
    
  }
})